<%@page import="com.dsz.entity.Companyinfo"%>
<%@ page language="java" import="java.util.*,com.dsz.entity.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <base href="<%=basePath%>">
    <title>四色火无限集团</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<style>
#sd1{
border: 1px solid red;
width:71px;
margin-right: -12px;
background-color: white;
}
#sd2{
color:white;
}
</style>
</head>
<body>
<%Companyinfo comp = (Companyinfo)request.getAttribute("comp"); %>
	<jsp:include page="head.jsp"></jsp:include>
<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>产品搜索</a>
                <ul id="pro-search">
                  <li>
                    <form action="ProductServlet?oid=11" method="post">
                    <input id="sd1" type="text" name="shuju" >
                    <input id="sd2" type="submit" value="搜索" >
                    </form>
                    </li>               
                </ul>
            </li>
            <li>
            
                <a>产品分类</a>
                <%ArrayList<Productcategory> prod = (ArrayList<Productcategory>)request.getAttribute("prod");
    for(Productcategory p : prod){  %>
                <ul id="pro-category">
                 <!-- class="on" -->
                    <li><a href="ProductServlet?oid=3&pcate=<%=p.getId() %>"><%=p.getName() %></a></li>
                    <!-- <li><a href="#">餐桌系列</a></li>
                    <li><a href="#">沙发系列</a></li>
                    <li><a href="#">创意系列</a></li> -->
                </ul>
            </li>
        </ul>
        <%} %>
    </aside>

    <aside class="pro-rightsidebar">
        <header>
            <p></p>
            <%ArrayList<Productcategory> prod1 = (ArrayList<Productcategory>)request.getAttribute("prod1"); 
            for(Productcategory p : prod1){%>
            <span><%=p.getName() %></span>
            <%} %>
             <% ArrayList<Product> pro1 = (ArrayList<Product>)request.getAttribute("pro"); 
        for(Product p : pro1){%>
            <div class="product-nav"><a href="CompanyinfoServlet?oid=1">首页 </a>&#62;<a href="ProductServlet?oid=1">产品展示</a>&#62;<a><%=p.getName() %></a></div>
        </header>
        <main>
            <div class="pro-right-left">
                <div class="pro-details-img">
                 <%-- <% ArrayList<Product> pro1 = (ArrayList<Product>)request.getAttribute("pro"); 
        for(Product p : pro1){%> --%>
                <img src="<%=p.getPic0()%>">
                <%} %>
                </div>
				
                <div class="pro-detalis-carousel">
                    <div class="am-slider am-slider-default am-slider-carousel" data-am-flexslider="{itemWidth: 112, itemMargin: 4,move:5,  controlNav: false ,  slideshow: true}">
                        <ul class="am-slides pro-details">
          <%ArrayList<Manytoone> many = (ArrayList<Manytoone>)request.getAttribute("many");
          for(Manytoone m : many){ %>
                            <li><img src="<%=m.getPic1() %>" style="height: 63px; width: 110px;"/></li>
                           <!--  <li><img src="images/team1.png" /></li>
                            <li><img src="images/team2.png" /></li>
                            <li><img src="images/team3.png" /></li>
                            <li><img src="images/team4.png" /></li>
                            <li><img src="images/procarousel.png" /></li>
                            <li><img src="images/procarousel.png" /></li> -->
                        <%} %>
                        </ul>
                    </div>
                </div>
				
            </div>
            <% ArrayList<Product> pro = (ArrayList<Product>)request.getAttribute("pro"); 
        for(Product p : pro){%> 
            <div class="pro-right-right">
                <ul class="pro-right-info-constant">
                    <li>产品名称:</li>
                    <li>品牌:</li>
                    <li>产品售价:</li>
                    <li>市场价:</li> 
                </ul>
                <ul class="pro-right-info-variable">
                    <li><%=p.getName() %></li>
                    <li><%=p.getCaizhi() %></li>
                    <li><%=p.getPrice() %></li>
                     <li><%=p.getWeight() %></li> 
                </ul>
            </div>
          <!--   <div class="am-tabs pro-tabs" data-am-tabs>
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li class="am-active"><a href="#tab1">详细说明1</a></li>
                    <li><a href="#tab2">详细说明2</a></li>
                    <li><a href="#tab3">详细说明3</a></li>
                    <li><a href="#tab4">详细说明4</a></li>
                </ul>

                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active" id="tab1">
                        <ul>
                            <li>
                                <span class="pro-tabs-constant">品牌:</span>
                                <span class="pro-tabs-variable">XXX</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否组装:</span>
                                <span class="pro-tabs-variable">NO</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否可定制:</span>
                                <span class="pro-tabs-variable">yes</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">型号:</span>
                                <span class="pro-tabs-variable">000000</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">颜色分类:</span>
                                <span class="pro-tabs-variable">卡其</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">设计元素:</span>
                                <span class="pro-tabs-variable">大师设计</span>
                            </li> <li>
                            <span class="pro-tabs-constant">风格:</span>
                            <span class="pro-tabs-variable">日式</span>
                        </li>
                            <li>
                                <span class="pro-tabs-constant">款式定位:</span>
                                <span class="pro-tabs-variable">现代</span>
                            </li>
                        </ul>
                    </div>
                    <div class="am-tab-panel" id="tab2">2</div>
                    <div class="am-tab-panel" id="tab3">3</div>
                    <div class="am-tab-panel" id="tab4">4</div>
                </div>
            </div> -->
           <%} %>
        </main>
    </aside>


</section>
<jsp:include page="footer.jsp"></jsp:include>
<%-- ﻿<footer>
    <div>
        <div class="footer-info">
            <div class="footer-content">
                <img src="images/qccode.png" alt="">
               <div>
                <p>招商热线:<%=comp.getTel() %></p>
                <div class="footer-box">
                    <i class="icon-tel"></i>
                    <span>公司电话:</span>
                    <span><%=comp.getTel() %></span>
                </div>
                <div class="footer-box">
                    <i class="icon-email"></i>
                    <span>公司邮箱:</span>
                    <span><%=comp.getEmail() %></span>
                </div>
                <div class="footer-box">
                    <i class="icon-address"></i>
                    <span>公司地址:</span>
                    <span><%=comp.getAddress() %></span>
                </div>
               </div>
            </div>
        </div>
        <style>
        .footer-bottom a{color:#F1404B}
        </style>
        <div class="footer-bottom"><div style="text-align:center;color:#fff;line-height:100px;"><span><a href="http://www.haothemes.com/" target="_blank" title="好主题">好主题</a>提供 - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></span></div></div>
    </div>
</footer>
 --%>
</body>

</html>